<template>
    <div class="main-continer">
        <div class="login-continer">
            <LoginView class="login-view"></LoginView>
        </div>
    </div>
</template>

<script>
import LoginView from '@/module/login/view/LoginView'
export default {
    name: 'LoginPage',
    components: {
		LoginView
	}
}
</script>

<style lang="less" scoped>
    .main-continer {
        width: 100%;
        height: 100vh;
        padding-top: 4rem;
        padding-bottom: 4rem;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        .login-continer{
            width: 100%;
            padding-top: 4rem;
            padding-bottom: 4rem;
            background-color: #5659A6;
            //background: url('~@/assets/login_background_icon.jpeg') no-repeat;
            .login-view {
                background-color: white;
                padding: 1rem;
            }
        }
    }
</style>


